@charset "utf-8";


.ylw-img-responsive {height: auto;max-width: 100%;}
.box {width: 100%;height: 100%;padding: 0 15px;background-repeat: no-repeat;background-position: center top;background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover}
.slider {position: relative;width: 100%;height: auto;overflow: hidden}
.slides {height: 100%;overflow: hidden;*zoom: 1;-webkit-backface-visibility: hidden;-webkit-transform-style: preserve-3d;margin: 0;padding: 0;border: 0}
.slide {height: 100%;float: left;clear: none;margin: 0;padding: 0;border: 0;list-style-image: none;list-style-type: none}
.slider-arrow {position: absolute;display: block;margin-bottom: -30px;background-color: rgba(0,0,0,0.3);text-indent: -9999px;overflow: hidden;height: 60px;width: 40px;background-repeat: no-repeat}
.slider-arrow--right {transform: translate(40px, 0);-ms-transform: translate(40px, 0);-webkit-transform: translate(40px, 0);-moz-transform: translate(40px, 0);-o-transform: translate(40px, 0)}
.slider-arrow--left {transform: translate(-40px, 0);-ms-transform: translate(-40px, 0);-webkit-transform: translate(-40px, 0);-moz-transform: translate(-40px, 0);-o-transform: translate(-40px, 0)}
.slider:hover .slider-arrow--right, .slider:hover .slider-arrow--left {transform: translate(0, 0);-ms-transform: translate(0, 0);-webkit-transform: translate(0, 0);-moz-transform: translate(0, 0);-o-transform: translate(0, 0)}
.slider-arrow--right {bottom: 50%;right: 0;background-image: url(../images/banner-fy.png);background-position: center bottom}
.slider-arrow--left {bottom: 50%;left: 0;background-image: url(../images/banner-fy.png);background-position: center top}
.slider-nav {position: absolute;bottom: 30px}
.slider-nav__item {width: 12px;height: 12px;float: left;clear: none;display: block;margin: 0 5px;background: #fff;border-radius: 50%}
.slider-nav__item:hover {background: #ccc}
.slider-nav__item--current {background: #ccc}